@charset "UTF-8";
/*nsw*/
body{ padding:0; margin:0;overflow:hidden!important}
.backGroundWood{background:url(../../images/bg/90x90/backgr501.png) 50% 50%; color:#FFF}
.topPanel{height:65px; white-space:nowrap; text-align:right;background:url(../images/topPanel.png) 50% 50% repeat-x}
.topPanel .moduleName { float:left}
.topPanel .userInfo { float:right; margin-top:15px; margin-right:10px}
.topPanel .userInfo span { margin-right:5px}
.homeLayout{ width:860px; margin-left:auto; margin-right:auto}
.loginbody{width:350px; height:180px; background-image:url(../../images/bg_login.png); margin-left:auto; margin-right:auto; margin-top:10px; padding-top:325px}
.homebody{ float:left; width:390px; height:200px; background-image:url(../../images/bg_login.png); padding-top:325px}
.topPanel .userInfo .username {padding:4px}
.logo{ margin-left:10px; margin-right:10px; float:left}
.filterHolder{ float:left; width:40%; white-space:nowrap; margin:0 0 10px 0}
.actionHolder{ float:right;white-space:nowrap; margin:0 0 10px 0}
.page-contents{ clear:both}
.ui-datepicker-trigger{ top:5px; position: relative}
#moduleList {float:left; list-style:none; padding-top:0px; margin-top:40px; width:400px;}
#moduleList li img {cursor:pointer}
#mainFrame {clear:both}
/* CSS Main */
.openPage{ margin-left:20px; margin-top:20px}
.page-header{ padding:6px; font-size: 14px}
.page-buttonHolder { padding:10px; border-top: dotted 1px #cccccc;border-bottom: dotted 1px #cccccc; margin-top:5px; clear:both; text-align:center}
.subPage-header{ padding:6px;font-weight:bold;margin-left:auto; margin-right:auto;}
.subPage-detail{padding:6px;margin-left:auto; margin-right:auto; margin-bottom:10px}
fieldset { margin-top:10px; margin-bottom:10px;}
legend {padding:2px}
span.linkToOpen{text-decoration:underline!important; cursor:pointer}
/*table layout*/
.detailTable { margin-left:auto; margin-right:auto}
.detailTable .captionDetail { width:20%; text-align:right;white-space:nowrap}
.detailTable .captionCol { width:18%; text-align:right;white-space:nowrap}
.detailTable .sectionSave {padding:10px; border-top: dotted 1px #cccccc;border-bottom: dotted 1px #cccccc; margin-top:5px; clear:both; text-align:center}
.detailTable input[type='text'], .detailTable textarea { width:98%}
.detailTable span.checkList { width:49%; display:block; float:left; white-space:nowrap}
.detailTable span.checkList3 { width:33%; display:block; float:left; white-space:nowrap}

/*MES*/
.confirmMes{ padding:4px; text-align:center; white-space:normal}
.errorMes{ padding:4px; text-align:left; display:none}
/*size*/
.width20{ width:20px!important}
.width30{ width:30px!important}
.width40{ width:40px!important}
.width50{ width:50px!important}
.width60{ width:60px!important}
.width70{ width:70px!important}
.width80{ width:80px!important}
.width90{ width:90px!important}
.width100{ width:100px!important}
.width110{ width:110px!important}
.width120{ width:120px!important}
.width130{ width:130px!important}
.width140{ width:140px!important}
.width150{ width:150px!important}
.width160{ width:160px!important}
.width170{ width:170px!important}
.width180{ width:180px!important}
.width190{ width:190px!important}
.width200{ width:200px!important}
.widthQuater{ width:25%!important}
.widthThrid{ width:33%!important}
.widthHalf{ width:50%!important}
.widthMoreHalf{width:75%!important}
.widthFull{ width:98%!important}

/*sidemenu*/
.sideMenuHolder{ overflow-x: hidden; overflow-y:auto}
#sideMenuHolder{ overflow-x: hidden; overflow-y:auto}
#topMenuHolder{ padding:4px}
/*action panel*/
.ui-tw-actionPanel{padding:4px;margin-bottom:5px; margin-top:-1px; background-color: #F3F3F3; border:solid 1px #CCCCCC; border-top:none;cursor:pointer}
.ui-tw-tabAction{padding:4px;margin-bottom:5px;}
/**/
.ui-require-field { border:1px solid; border-top-color:#F60;border-left-color:#F60;border-bottom-color:#F90;border-right-color:#F90;}

/**/


